<template>
	<view class="details-body">
		<video :src="detailsInfo.video_url" :controls="true" :autoplay="true" class="details-video"></video>
		<view class="campus-student">
			<image src="../../static/imgs/campus/stydent-icon.png" class="campus-student_icon"></image>
			<view style="width: 100%;">
				<view class="campus-student_name text_black">
					{{detailsInfo.name}}
				</view>
				<view class="campus-student_msg text_opblack">
					<text>{{detailsInfo.class_name}}</text>
					<text>{{detailsInfo.title}}</text>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				detailsInfo:{},
			}
		},
		onLoad(option) {
			if(option.detailsInfo){
				this.detailsInfo = JSON.parse(option.detailsInfo)
			}
		},
		methods:{
			
		}
	}
</script>

<style lang="scss" scoped>
	@import url("./index.scss");
	.details-video{
		width: 100%;
		height:420rpx;
	}
	.campus-student{
		margin-top:0!important;
	}
	.text_opblack{
		color: $uni-text-color-opblack;
	}
	.text_black{
		color: $uni-text-color-black;
	}
</style>